/* 媒体查询样式内容 */
/* 媒体查询样式内容 */
#what .items {
    display:block;
}
#what .items .item{
    display: flex;
    text-align:left;
}
#what .items .item i{
    margin-right:1rem;
    align-self:center;
    margin-bottom: 0;
}

 #contact .contact-img{
    flex: 2;
} 

@media (max-width:500px) {
    #navbar {
        flex-direction: column;
        align-items:center;
    }
    #navbar h1{
        margin-bottom:0.5rem;
        text-align:center;
    }
    #navbar ul{
        padding:0.5rem
    }
    #who{
        display:block;
    }
    #who .who-img{
        height: 300px;
    }
    #clients .items img {
        width: 70%;
    }
    #clients .items div:last-child{
        display: none;
    }
    #contact{
        flex-direction: column;
    }
    #contact .contact-img{
        display: none;
    }
}

@media (max-width:568px){
    .l-heading {
        font-size: 2.5rem;
    }
   
    .lead {
        font-size: 1rem;
    }
}